import React from 'react'
import { Carousel } from 'antd';

function Lun() {
  const onChange = (currentSlide: number) => {
    console.log(currentSlide);
  };
  return (
    <div>
      <Carousel afterChange={onChange} autoplay arrows draggable >
        <div>
          <h3>
            <img src="../src/assets/image/1.webp" alt="" className='img1' />
          </h3>
        </div>
        <div>
          <h3>
            <img src="../src/assets/image/2.webp" alt="" className='img1' />
          </h3>
        </div>
        <div>
          <h3>
            <img src="../src/assets/image/3.webp" alt="" className='img1' />
          </h3>
        </div>
        <div>
          <h3>
            <img src="../src/assets/image/4.webp" alt="" className='img1' />
          </h3>
        </div>
        <div>
          <h3>
            <img src="../src/assets/image/5.webp" alt="" className='img1' />
          </h3>
        </div>
      </Carousel>
    </div>
  )
}

export default Lun
